// 开发环境

const { merge } = require('webpack-merge');
const { resolveApp } = require('./paths');
const common = require('./webpack.common');

module.exports = merge(common, {  // 合并配置
  // 输出
  output: {
    filename: '[name].bundle.js',  // 文件名称
    path: resolveApp('dist'),  // 文件路径
    clean: true  // 编译前清除目录
  },
  mode: 'development',  // 开发模式
  devtool: 'eval-cheap-module-source-map',  // 开发工具，开启 source map 编译调试
  devServer: {
    contentBase: './dist'  //   告诉服务器从哪里提供内容，只有在你想要提供静态文件时才需要。
  }
})  